<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
		<a-row class="control-content app-control-form__content">
			<slot  name="MainPage" :controller="controller" :store="store" :model="model">
				<a-tabs class="app-control-form__page">
					<slot name="formpage1" :controller="controller" :store="store" :model="model">
					    <a-tab-pane 
					        class="app-control-form__page "
					        v-show="store.detailModel.formpage1.visible"
					        key="formpage1">
					        <template #tab>
					            <slot name="formpage1Title" :controller="controller" :store="store" :model="model">
					                <AppIconText text="基本类型"/>
					            </slot>
					        </template>
					        <slot name="formpage1Content" :controller="controller" :store="store" :model="model">
					            <AppFormPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel2.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel2"
					                                    v-show="store.detailModel.grouppanel2.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    title="文本输入"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel2.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel2.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="0"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel2.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.singlelinetext.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="singlelinetext"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="singlelinetext"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="单行文本"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.singlelinetext.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="singlelinetextEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', OBJECTIDFIELD: 'id', maxlength: 15, OBJECTNAMEFIELD: name, append: '后缀', VALUESEPARATOR: ',', showWordLimit: true, VALUETYPE: 'SIMPLE', OBJECTVALUEFIELD: 'value', TEXTSEPARATOR: ',', prepend: '前缀' }"
					                                                                afterLabel="后缀"
					                                                                beforeLabel="前缀"
					                                                                type="text"
					                                                                style=""
					                                                                name="singlelinetext"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.singlelinetext.disabled"
					                                                                :value="store.data.singlelinetext"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.passwordtext.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="passwordtext"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="passwordtext"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="密码框"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.passwordtext.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="passwordtextEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'PASSWORD', enableShowPwd: true }"
					                                                                :visibilityToggle="true"
					                                                                type="password"
					                                                                style=""
					                                                                name="passwordtext"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.passwordtext.disabled"
					                                                                :value="store.data.passwordtext"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.inputnumber.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="inputnumber"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="inputnumber"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数值框"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.inputnumber.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="inputnumberEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'NUMBER', }"
					                                                                type="number"
					                                                                style=""
					                                                                name="inputnumber"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.inputnumber.disabled"
					                                                                :value="store.data.inputnumber"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mutlilinetext.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mutlilinetext"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mutlilinetext"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="多行输入框"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mutlilinetext.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mutlilinetextEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTAREA', minRows: 2, maxRows: 7, maxlength: 30, showWordLimit: true }"
					                                                                :maxRows="7"
					                                                                :minRows="2"
					                                                                type="textarea"
					                                                                style=""
					                                                                name="mutlilinetext"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.mutlilinetext.disabled"
					                                                                :value="store.data.mutlilinetext"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel5.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel5" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel5"
					                                    v-show="store.detailModel.grouppanel5.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    title="基础类型"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel5.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel5.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="0"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel5.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.switch.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="switch"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="switch"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="开关"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.switch.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="switchEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppSwitch
					                                                                v-bind="{ editorType: 'SWITCH', dicData: [{label:'关闭',value:0},{label:'打开',value:1}] }"
					                                                                :dicData="[{label:'关闭',value:0},{label:'打开',value:1}]"
					                                                                style=""
					                                                                name="switch"
					                                                                :disabled="store.detailModel.switch.disabled"
					                                                                :value="store.data.switch"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rate.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="rate"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="rate"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="评价"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.rate.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="rateEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppRating
					                                                                v-bind="{ editorType: 'RATING', colors: ['red','yellow','green'], showText: true, texts: ['好','很好','非常好'] }"
					                                                                :texts="['好','很好','非常好']"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="rate"
					                                                                :disabled="store.detailModel.rate.disabled"
					                                                                :data="store.data"
					                                                                :value="Number(store.data.rate)"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.slider.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="slider"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="slider"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="滑块"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.slider.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="sliderEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppSlider
					                                                                v-bind="{ editorType: 'SLIDER', showInput: true, max: 100, showStops: true, min: 0, step: 10 }"
					                                                                :step="10"
					                                                                :min="0"
					                                                                :max="100"
					                                                                :showStops="true"
					                                                                :showInput="true"
					                                                                style=""
					                                                                name="slider"
					                                                                :disabled="store.detailModel.slider.disabled"
					                                                                :value="Number(store.data.slider)"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.sliderrange.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="sliderrange"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="sliderrange"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="滑块范围"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.sliderrange.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="sliderrangeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppSlider
					                                                                v-bind="{ editorType: 'SLIDER', showInput: true, max: 100, range: true, showStops: true, min: 0, step: 10 }"
					                                                                :step="10"
					                                                                :min="0"
					                                                                :max="100"
					                                                                :range="true"
					                                                                :showStops="true"
					                                                                :showInput="true"
					                                                                style=""
					                                                                name="sliderrange"
					                                                                :disabled="store.detailModel.sliderrange.disabled"
					                                                                :value="store.data.sliderrange"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.checkbox.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="checkbox"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="checkbox"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="单选列表"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.checkbox.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="checkboxEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppRadioGroup
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                
					                                                                v-bind="{ editorType: 'RADIOBUTTONLIST', border: true }"
					                                                                :border="true"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="checkbox"
					                                                                :disabled="store.detailModel.checkbox.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.checkbox"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.checkboxbutton.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="checkboxbutton"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="checkboxbutton"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="单选按钮列表"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.checkboxbutton.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="checkboxbuttonEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppRadioGroup
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                
					                                                                v-bind="{ editorType: 'RADIOBUTTONLIST', size: 'small', button: true }"
					                                                                :button="true"
					                                                                size="small"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="checkboxbutton"
					                                                                :disabled="store.detailModel.checkboxbutton.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.checkboxbutton"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.checkboxlist.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="checkboxlist"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="checkboxlist"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="选项框列表"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.checkboxlist.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="checkboxlistEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCheckboxList
					                                                                v-bind="{ editorType: 'CHECKBOXLIST', border: true, size: 'default' }"
					                                                                :border="true"
					                                                                size="default"
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                :codeItemValueNumber="false"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="checkboxlist"
					                                                                :disabled="store.detailModel.checkboxlist.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.checkboxlist"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.checkboxlistbutton.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="checkboxlistbutton"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="checkboxlistbutton"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="选项框按钮列表"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.checkboxlistbutton.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="checkboxlistbuttonEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCheckboxList
					                                                                v-bind="{ editorType: 'CHECKBOXLIST', size: 'small', button: true }"
					                                                                :button="true"
					                                                                size="small"
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                :codeItemValueNumber="false"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="checkboxlistbutton"
					                                                                :disabled="store.detailModel.checkboxlistbutton.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.checkboxlistbutton"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.dropdownlist.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="dropdownlist"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="dropdownlist"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉列表框标准"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.dropdownlist.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="dropdownlistEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDropdownList
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                v-bind="{ editorType: 'DROPDOWNLIST', filterable: true, clearable: true }"
					                                                                :clearable="true"
					                                                                :filterable="true"
					                                                                :multiple="false"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="dropdownlist"
					                                                                :disabled="store.detailModel.dropdownlist.disabled"
					                                                                :value="store.data.dropdownlist"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mutlidropdownlist.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mutlidropdownlist"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mutlidropdownlist"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉列表框多选"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mutlidropdownlist.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mutlidropdownlistEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDropdownList
					                                                                codeListTag="Sample__CheckBoxTest"
					                                                                codeListType="STATIC"
					                                                                v-bind="{ editorType: 'MDROPDOWNLIST', }"
					                                                                :multiple="true"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="mutlidropdownlist"
					                                                                :disabled="store.detailModel.mutlidropdownlist.disabled"
					                                                                :value="store.data.mutlidropdownlist"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.dropdownlistcascader.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="dropdownlistcascader"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="dropdownlistcascader"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉级联选择"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.dropdownlistcascader.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="dropdownlistcascaderEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDropdownList
					                                                                codeListTag="Sample__CascaderTest"
					                                                                codeListType="STATIC"
					                                                                v-bind="{ editorType: 'DROPDOWNLIST', filterable: true, editorStyle: 'cascader', clearable: true }"
					                                                                :clearable="true"
					                                                                :filterable="true"
					                                                                editorStyle="cascader"
					                                                                :multiple="false"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="dropdownlistcascader"
					                                                                :disabled="store.detailModel.dropdownlistcascader.disabled"
					                                                                :value="store.data.dropdownlistcascader"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.formitem2.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="formitem2"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="formitem2"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉级联多选（数值）"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.formitem2.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="formitem2Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDropdownList
					                                                                codeListTag="Sample__Cascader_number"
					                                                                codeListType="STATIC"
					                                                                v-bind="{ editorType: 'MDROPDOWNLIST', filterable: true, editorStyle: 'cascader', clearable: true }"
					                                                                :clearable="true"
					                                                                :filterable="true"
					                                                                editorStyle="cascader"
					                                                                :multiple="true"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="formitem2"
					                                                                :disabled="store.detailModel.formitem2.disabled"
					                                                                :value="store.data.formitem2"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.dropdownlisttree.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="dropdownlisttree"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="dropdownlisttree"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉树（单选）"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.dropdownlisttree.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="dropdownlisttreeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDropdownList
					                                                                codeListTag="Sample__CascaderTest"
					                                                                codeListType="STATIC"
					                                                                v-bind="{ editorType: 'DROPDOWNLIST', filterable: true, editorStyle: 'tree', clearable: true }"
					                                                                :clearable="true"
					                                                                :filterable="true"
					                                                                editorStyle="tree"
					                                                                :multiple="false"
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                name="dropdownlisttree"
					                                                                :disabled="store.detailModel.dropdownlisttree.disabled"
					                                                                :value="store.data.dropdownlisttree"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mutlidropdownlisttree.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mutlidropdownlisttree"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mutlidropdownlisttree"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="下拉列表树（多选）"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mutlidropdownlisttree.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mutlidropdownlisttreeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCheckbox
					                                                                v-bind="{ editorType: 'CHECKBOX', filterable: true, editorStyle: 'tree', clearable: true }"
					                                                                style=""
					                                                                name="mutlidropdownlisttree"
					                                                                :disabled="store.detailModel.mutlidropdownlisttree.disabled"
					                                                                :value="store.data.mutlidropdownlisttree"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            /> 
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel1.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel1"
					                                    v-show="store.detailModel.grouppanel1.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    title="增强类型"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel1.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel1.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="0"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel1.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mapselect.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mapselect"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mapselect"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="地图选择"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mapselect.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mapselectEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppMapPicker
					                                                                v-bind="{ editorType: 'MAPPICKER', }"
					                                                                valueItemNames="maplongitude,maplatitude,"
					                                                                style=""
					                                                                name="mapselect"
					                                                                :disabled="store.detailModel.mapselect.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.mapselect"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.maplongitude.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="maplongitude"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="maplongitude"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="地图经度"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.maplongitude.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="maplongitudeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="maplongitude"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.maplongitude.disabled"
					                                                                :value="store.data.maplongitude"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.maplatitude.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="maplatitude"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="maplatitude"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="地图纬度"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.maplatitude.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="maplatitudeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="maplatitude"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.maplatitude.disabled"
					                                                                :value="store.data.maplatitude"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.cascaderone.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="cascaderone"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="cascaderone"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联一层"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.cascaderone.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="cascaderoneEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="cascaderone"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.cascaderone.disabled"
					                                                                :value="store.data.cascaderone"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.cascadertwo.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="cascadertwo"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="cascadertwo"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联二层"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.cascadertwo.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="cascadertwoEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="cascadertwo"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.cascadertwo.disabled"
					                                                                :value="store.data.cascadertwo"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.cascadertree.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="cascadertree"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="cascadertree"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联树"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.cascadertree.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="cascadertreeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCascader
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                v-bind="{ editorType: 'CASCADER', filterable: true, separator: '/', editorStyle: 'tree' }"
					                                                                editorStyle="tree"
					                                                                separator="/"
					                                                                :filterable="true"
					                                                                :valueItems="[
					                                                                    { name: 'cascaderone', appDataEntity: 'IBIZOrder', dataSet:'FetchDefault' },
					                                                                    { name: 'cascadertwo', appDataEntity: 'IBIZBOOK', dataSet:'FetchDefault' }
					                                                                ]"
					                                                                name="cascadertree"
					                                                                :disabled="store.detailModel.cascadertree.disabled"
					                                                                :value="store.data.cascadertree"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.cascaderselect.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="cascaderselect"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="cascaderselect"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联选择"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.cascaderselect.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="cascaderselectEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCascader
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                v-bind="{ editorType: 'CASCADER', filterable: true, separator: '/' }"
					                                                                separator="/"
					                                                                :filterable="true"
					                                                                :valueItems="[
					                                                                    { name: 'cascaderone', appDataEntity: 'IBIZOrder', dataSet:'FetchDefault' },
					                                                                    { name: 'cascadertwo', appDataEntity: 'IBIZBOOK', dataSet:'FetchDefault' }
					                                                                ]"
					                                                                name="cascaderselect"
					                                                                :disabled="store.detailModel.cascaderselect.disabled"
					                                                                :value="store.data.cascaderselect"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mutlicascaderselect.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mutlicascaderselect"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mutlicascaderselect"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联选择多选"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mutlicascaderselect.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mutlicascaderselectEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCascader
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                v-bind="{ editorType: 'CASCADER', multiple: true, filterable: true, separator: '/' }"
					                                                                :multiple="true"
					                                                                separator="/"
					                                                                :filterable="true"
					                                                                :valueItems="[
					                                                                    { name: 'cascaderone', appDataEntity: 'IBIZOrder', dataSet:'FetchDefault' },
					                                                                    { name: 'cascadertwo', appDataEntity: 'IBIZBOOK', dataSet:'FetchDefault' }
					                                                                ]"
					                                                                name="mutlicascaderselect"
					                                                                :disabled="store.detailModel.mutlicascaderselect.disabled"
					                                                                :value="store.data.mutlicascaderselect"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.mutlicascadertree.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="mutlicascadertree"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="mutlicascadertree"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="级联选择树多选"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.mutlicascadertree.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="mutlicascadertreeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppCascader
					                                                                :context="store.context"
					                                                                :viewParams="store.viewParams"
					                                                                style=""
					                                                                v-bind="{ editorType: 'CASCADER', multiple: true, filterable: true, separator: '/', editorStyle: 'tree' }"
					                                                                editorStyle="tree"
					                                                                :multiple="true"
					                                                                separator="/"
					                                                                :filterable="true"
					                                                                :valueItems="[
					                                                                    { name: 'cascaderone', appDataEntity: 'IBIZOrder', dataSet:'FetchDefault' },
					                                                                    { name: 'cascadertwo', appDataEntity: 'IBIZBOOK', dataSet:'FetchDefault' }
					                                                                ]"
					                                                                name="mutlicascadertree"
					                                                                :disabled="store.detailModel.mutlicascadertree.disabled"
					                                                                :value="store.data.mutlicascadertree"
					                                                                :data="store.data"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.stringarray.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="stringarray"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="stringarray"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数组默认样式"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.stringarray.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="stringarrayEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppArrayBox 
					                                                                type="text"
					                                                                v-bind="{ editorType: 'ARRAY', maxlength: 10, showWordLimit: true }"
					                                                                :maxLength="10"
					                                                                :showWordLimit="true"
					                                                                style=""
					                                                                name="stringarray"
					                                                                :disabled="store.detailModel.stringarray.disabled"
					                                                                :rules="store.detailModel.stringarray.valueRule"
					                                                                :value="store.data.stringarray"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.numberarray.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="numberarray"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="numberarray"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数值数组"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.numberarray.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="numberarrayEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppArrayBox 
					                                                                type="number"
					                                                                v-bind="{ editorType: 'ARRAY', }"
					                                                                style=""
					                                                                name="numberarray"
					                                                                :disabled="store.detailModel.numberarray.disabled"
					                                                                :rules="store.detailModel.numberarray.valueRule"
					                                                                :value="store.data.numberarray"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.urlarray.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="urlarray"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="urlarray"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数组url"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.urlarray.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="urlarrayEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppArrayBox 
					                                                                type="text"
					                                                                v-bind="{ editorType: 'ARRAY', editorStyle: 'url' }"
					                                                                editorStyle="url"
					                                                                style=""
					                                                                name="urlarray"
					                                                                :disabled="store.detailModel.urlarray.disabled"
					                                                                :rules="store.detailModel.urlarray.valueRule"
					                                                                :value="store.data.urlarray"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.imagearray.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="imagearray"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="imagearray"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数组图片"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.imagearray.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="imagearrayEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppArrayBox 
					                                                                type="text"
					                                                                v-bind="{ editorType: 'ARRAY', editorStyle: 'img' }"
					                                                                editorStyle="img"
					                                                                style=""
					                                                                name="imagearray"
					                                                                :disabled="store.detailModel.imagearray.disabled"
					                                                                :rules="store.detailModel.imagearray.valueRule"
					                                                                :value="store.data.imagearray"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.intarray.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="intarray"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="intarray"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="整型数组"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.intarray.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="intarrayEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppArrayBox 
					                                                                type="number"
					                                                                v-bind="{ editorType: 'ARRAY', }"
					                                                                style=""
					                                                                name="intarray"
					                                                                :disabled="store.detailModel.intarray.disabled"
					                                                                :rules="store.detailModel.intarray.valueRule"
					                                                                :value="store.data.intarray"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />                    </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel3.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel3" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel3"
					                                    v-show="store.detailModel.grouppanel3.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    title="范围选择"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel3.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel3.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="0"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel3.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.timerange.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="timerange"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="timerange"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="时间范围"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.timerange.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="timerangeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDateRangePicker
					                                                                v-bind="{ editorType: 'DATERANGE', }"
					                                                                format="YYYY-MM-DD HH:mm:ss"
					                                                                valueFormat="YYYY-MM-DD HH:mm:ss"
					                                                                valueItemNames="starttime,endtime"
					                                                                name="timerange"
					                                                                :disabled="store.detailModel.timerange.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.timerange"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.starttime.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="starttime"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="starttime"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="启动时间"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.starttime.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="starttimeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="starttime"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.starttime.disabled"
					                                                                :value="store.data.starttime"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.endtime.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="endtime"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="endtime"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="结束时间"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.endtime.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="endtimeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="endtime"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.endtime.disabled"
					                                                                :value="store.data.endtime"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.daterange.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="daterange"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="daterange"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="日期范围"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.daterange.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="daterangeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDateRangePicker
					                                                                v-bind="{ editorType: 'DATERANGE_NOTIME', TIMEFMT: 'YYYY-MM-DD' }"
					                                                                format="YYYY-MM-DD"
					                                                                valueFormat="YYYY-MM-DD"
					                                                                :showTime="false"
					                                                                valueItemNames="startdate,enddate"
					                                                                name="daterange"
					                                                                :disabled="store.detailModel.daterange.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.daterange"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.startdate.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="startdate"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="startdate"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="开始日期"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.startdate.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="startdateEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="startdate"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.startdate.disabled"
					                                                                :value="store.data.startdate"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.enddate.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="enddate"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="enddate"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="结束日期"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.enddate.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="enddateEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="enddate"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.enddate.disabled"
					                                                                :value="store.data.enddate"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.numberrange.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="numberrange"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="numberrange"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="数值范围"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.numberrange.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="numberrangeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppNumberRangePicker
					                                                                valueItemNames="startnumber,endnumber"
					                                                                v-bind="{ editorType: 'NUMBERRANGE', }"
					                                                                name="numberrange"
					                                                                :disabled="store.detailModel.numberrange.disabled"
					                                                                :data="store.data"
					                                                                :value="store.data.numberrange"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.startnumber.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="startnumber"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="startnumber"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="开始数值"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.startnumber.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="startnumberEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="startnumber"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.startnumber.disabled"
					                                                                :value="store.data.startnumber"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.endnumber.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 8,colMD: 8,colSM: 8,colXS: 8,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="endnumber"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="endnumber"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="结束数值"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.endnumber.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="endnumberEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="endnumber"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.endnumber.disabled"
					                                                                :value="store.data.endnumber"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					            </AppFormPage>
					        </slot>
					    </a-tab-pane>
					</slot>
					<slot name="formpage2" :controller="controller" :store="store" :model="model">
					    <a-tab-pane 
					        class="app-control-form__page "
					        v-show="store.detailModel.formpage2.visible"
					        key="formpage2">
					        <template #tab>
					            <slot name="formpage2Title" :controller="controller" :store="store" :model="model">
					                <AppIconText text="其它"/>
					            </slot>
					        </template>
					        <slot name="formpage2Content" :controller="controller" :store="store" :model="model">
					            <AppFormPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.group2.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="group2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="group2"
					                                    v-show="store.detailModel.group2.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.AVUETEST.MAIN.GROUPPANEL.GROUP2', '信息展示')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.group2.showMoreItems"
					                                    :showMoreMode="store.detailModel.group2.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="0"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.group2.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem1" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem1"
					                                                contentType="RAW"
					                                                value="直接内容测试"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem2.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem2" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem2"
					                                                contentType="HTML"
					                                                value="<p>&lt;div style='color:red;'&gt;html内容&lt;/div&gt;</p>"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem3.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem3" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem3"
					                                                imgPath="assets/img/500.png"
					                                                contentType="IMAGE"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem4.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem4" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem4"
					                                                contentType="VIDEO"
					                                                :videoParams="{path:'https://vd4.bdstatic.com/mda-jj0iure2x5z9hzqf/mda-jj0iure2x5z9hzqf.mp4?v_from_s=hkapp-haokan-hna&auth_key=1677230981-0-0-18bbb60e8f38abc64171ff268088008f&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=3581322149&vid=14135310692200314008&abtest=&klogid=3581322149',mute:true,autoplay:true,replay:false,showcontrols:true}"
					                                                        />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem5.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem5" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem5"
					                                                contentType="PLACEHOLDER"
					                                                sizeStyle="height:123px;width:234px"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem6.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem6" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem6"
					                                                contentType="DIVIDER"
					                                                :dividerParams="{contentPosition:'center',html:'这是分割线标题'}"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem7.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem7" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem7"
					                                                contentType="INFO"
					                                                :alertParams="{title:'这是常规提示',closeabled:true,showIcon:true}"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem8.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem8" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem8"
					                                                contentType="WARNING"
					                                                :alertParams="{title:'这是警告提示',closeabled:true,showIcon:true}"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem9.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem9" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem9"
					                                                contentType="ERROR"
					                                                :alertParams="{title:'这是错误提示',closeabled:true,showIcon:true}"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					            </AppFormPage>
					        </slot>
					    </a-tab-pane>
					</slot>
					<slot name="formpage3" :controller="controller" :store="store" :model="model">
					    <a-tab-pane 
					        class="app-control-form__page "
					        v-show="store.detailModel.formpage3.visible"
					        key="formpage3">
					        <template #tab>
					            <slot name="formpage3Title" :controller="controller" :store="store" :model="model">
					                <AppIconText text="表单项事件"/>
					            </slot>
					        </template>
					        <slot name="formpage3Content" :controller="controller" :store="store" :model="model">
					            <AppFormPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.eventinfo.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="eventinfo"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="eventinfo"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="事件信息"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.eventinfo.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="eventinfoEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppSpan
					                                                :context="store.context"
					                                                :viewParams="store.viewParams"
					                                                :dataType="25"
					                                                v-bind="{ editorType: 'SPAN', }"
					                                                deMajorField=""
					                                                editorType="SPAN"
					                                                style=""
					                                                name="eventinfo"
					                                                noValueShowMode="STYLE1"
					                                                :value="store.data.eventinfo"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label=""
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitemEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppInput
					                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                type="text"
					                                                style=""
					                                                name="formitem"
					                                                :isDebounce="false"
					                                                :disabled="store.detailModel.formitem.disabled"
					                                                :value="store.data.formitem"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem3.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem3"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem3"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="开关"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem3.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitem3Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppSwitch
					                                                v-bind="{ editorType: 'SWITCH', }"
					                                                style=""
					                                                name="formitem3"
					                                                :disabled="store.detailModel.formitem3.disabled"
					                                                :value="store.data.formitem3"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem4.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem4"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem4"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="评分"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem4.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitem4Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppRating
					                                                v-bind="{ editorType: 'RATING', }"
					                                                :context="store.context"
					                                                :viewParams="store.viewParams"
					                                                style=""
					                                                name="formitem4"
					                                                :disabled="store.detailModel.formitem4.disabled"
					                                                :data="store.data"
					                                                :value="Number(store.data.formitem4)"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem5.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem5"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem5"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="滑动条"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem5.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitem5Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppSlider
					                                                v-bind="{ editorType: 'SLIDER', }"
					                                                style=""
					                                                name="formitem5"
					                                                :disabled="store.detailModel.formitem5.disabled"
					                                                :value="Number(store.data.formitem5)"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem6.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem6"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem6"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="下拉列表"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem6.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitem6Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppDropdownList
					                                                codeListTag="Sample__CheckBoxTest"
					                                                codeListType="STATIC"
					                                                v-bind="{ editorType: 'DROPDOWNLIST', }"
					                                                :multiple="false"
					                                                :context="store.context"
					                                                :viewParams="store.viewParams"
					                                                style=""
					                                                name="formitem6"
					                                                :disabled="store.detailModel.formitem6.disabled"
					                                                :value="store.data.formitem6"
					                                                :data="store.data"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            /> 
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.formitem7.visible"
					                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template v-slot:default="{ slotStyle, slotClass }">
					                            <slot name="formitem7"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormItem 
					                                    name="formitem7"
					                                    :slotStyle="slotStyle"
					                                    :slotClass="slotClass" 
					                                    label="单项列表"
					                                    labelPos="LEFT" 
					                                    :labelWidth="130" 
					                                    :showLabel="true"
					                                    :enableAnchor="false" 
					                                    :rules="store.detailModel.formitem7.valueRule"
					                                    :emptyCaption="false">
					                                    <div class="form-editor-container">
					                                        <slot name="formitem7Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppRadioGroup
					                                                codeListTag="Sample__CheckBoxTest"
					                                                codeListType="STATIC"
					                                                
					                                                v-bind="{ editorType: 'RADIOBUTTONLIST', }"
					                                                :context="store.context"
					                                                :viewParams="store.viewParams"
					                                                style=""
					                                                name="formitem7"
					                                                :disabled="store.detailModel.formitem7.disabled"
					                                                :data="store.data"
					                                                :value="store.data.formitem7"
					                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </div>
					                                </AppFormItem>
					                            </slot>
					                        </template>
					                    </AppCol>
					            </AppFormPage>
					        </slot>
					    </a-tab-pane>
					</slot>
				</a-tabs>
			</slot>
		</a-row>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './main-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>